<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Width="225" Height="139">
     <Canvas.Triggers>
       <EventTrigger RoutedEvent="Canvas.Loaded">
         <BeginStoryboard>
         <Storyboard>
           
           <DoubleAnimation
               Storyboard.TargetName="notebook"
               Storyboard.TargetProperty="Opacity"
               Duration="0:0:5"
               From="0" To="1"  
               BeginTime="0:0:15"  /> 
          
          
            <DoubleAnimationUsingKeyFrames
              Storyboard.TargetName="notebook"
              Storyboard.TargetProperty="Opacity"
              AutoReverse="True" RepeatBehavior="Forever">
              <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />
              <LinearDoubleKeyFrame Value="1" KeyTime="0:0:30" />
              <LinearDoubleKeyFrame Value="0" KeyTime="0:1:05" />
              <LinearDoubleKeyFrame Value="1" KeyTime="0:1:35" />
              <LinearDoubleKeyFrame Value="0" KeyTime="0:1:45" />
            
            </DoubleAnimationUsingKeyFrames>
            
            
  
             <DoubleAnimation
                 Storyboard.TargetName="notebookDrawing"
                 Storyboard.TargetProperty="Opacity"
                 Duration="0:0:0.5"
                 From="0" To="1"  
               BeginTime="0:0:5"  /> 
  
  
           <DoubleAnimation
             Storyboard.TargetName="blurryBook"
             Storyboard.TargetProperty="Opacity"
             Duration="0:0:5"
             From="0" To="1" AutoReverse="True" FillBehavior="Stop"  />    
             
   
         </Storyboard>
         </BeginStoryboard>
       </EventTrigger>
     </Canvas.Triggers> 
     
      
   
      <Image x:Name="notebookDrawing"
        Opacity="0.0"
        Source="assets/notebook_plain.png"
        RenderTransformOrigin="0.5,0.5">
   </Image>
     
     
     
   <Image x:Name="notebook"
     Opacity="0.0"
     Source="assets/notebook-color.png"
     RenderTransformOrigin="0.5,0.5">
     <Image.RenderTransform>
       <ScaleTransform x:Name="animatedScaleTransform" />       
     </Image.RenderTransform>  
   </Image>
   
   
   
   
   
    <Image x:Name="blurryBook" Source="assets/notebook-blurry.png"
     Opacity="0.0">
   </Image> 

   


   
    
</Canvas>
